@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
//   background: #565656;

   }

html, body {
  height: 100%;
  width: 100%; 

  }

.web {
  width: 100%;
  height: 100%;
  position: relative;


  }

header {
  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; 
   background: #565656
  }

footer {
  width: 100%;
  height: r(100);

  position: absolute;
  bottom: 0; 
   background: #565656
  }

section {
  width: 100%;
overflow:auto;
background-color: #565656;
  top: 2.2rem;
  bottom: -1.5rem;
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: 1.5rem;
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
.img1 {
    float: left;
    display: block;
    width: 6.11%;
    height:100%; }
 img {
      width: 100%;
      height: 100%; }

.search {
    width: r(118);
    height: r(26); 
    color: #666666;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}


    .consumption{
        width: r(300);
        height: r(95);      
   
        margin-left: r(20);
        font-size: r(23);
        color: #333333;
        ul{
            
            li{
                text-align: center;
            }
        }
         ul>li:nth-child(1){
             width: r(40);
             height: (37);
             margin: 0 auto ;
            padding-top: r(10);
        }

    }
    
.Remarks{
    width: r(540);
    height: r(305);
    background:#f8f8f8;
    margin: 0 auto ;
    margin-top: r(244);
    border-radius: r(10);
    padding: r(28) r(20) (19) r(20);
    text-align: center;
    .modify{
        display:inline-block;
        margin-top: r(28);
        background:#f8f8f8;
        font-size: r(30);
       
        
    }
    .Remarks1{
        width: r(500);
        height: r(107);
//      background: #f8f8f8;
        margin: 0 auto;
        border-bottom:r(1) solid #dcdcdc;
        input{
            width: r(490);
            height: r(60);
            background: white;
            margin-top: r(25);
            border-radius: r(10);
            border: r(1) solid #c1c1c1;
            padding-left: r(12);
            
        }
    }
    .cancel{
        width: r(235);
        height: r(80);
        background: white;
        border: r(1) solid #999999;
        line-height: r(80);
        border-radius:r(10) ;
        margin: r(29) r(20) 0 r(24);
    }   
    .cance2{
        border: r(1) solid #999999;
        width: r(235);
        height: r(80);
        background: white;
        line-height: r(80);
        border-radius:r(10) ;
        margin: r(29) 0 0 0;
    }
}
.cance2:hover{
    background: #cc3333;
}
.cancel:hover{
    background: #cc3333;
}
.beijing{
    position:absolute;
left:0;
top:0;
    width: 100%;
    height: r(707);
   background: url(../images/24.jpg) no-repeat;
background-size:100%;
}
